<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>矾楼</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"
          rel="stylesheet">

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="<%=path%>/js/moment-with-locales.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
</head>

<body>


<div class="content-wrap">
    <div class="main">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-8 p-r-0 title-margin-right">
                    <div class="page-header">
                        <div class="page-title">
                            <h1>Hello,
                                <span>欢迎光临</span>
                            </h1>
                        </div>
                    </div>
                </div>

                <!-- /# column -->
            </div>
            <!-- /# row -->
            <section id="main-content">
               <form action="<%=path%>/admin/doschedule">
                   <div class="row">
                       <div class='col-sm-4'>
                           <div class="form-group">
                               <label>选择起始时间：</label>
                               <!--指定 date标记-->
                               <div class='input-group date' id='datetimepicker1'>
                                   <input type='text' class="form-control" name="startTime"/>
                                   <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
                               </div>
                           </div>
                       </div>
                       <div class='col-sm-4'>
                           <div class="form-group">
                               <label>选择结束时间：</label>
                               <!--指定 date标记-->
                               <div class='input-group date' id='datetimepicker2' >
                                   <input type='text' class="form-control" name="endTime"/>
                                   <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
                               </div>
                           </div>
                       </div>
                       <div class='col-sm-4'>
                           <div class="form-group">
                               <label>选择每班时间长度（分钟）：</label>
                               <div class='input-group date' >
                               <select name="interval">
                                   <option value="20" >20</option>
                                   <option value="20" >30</option>
                                   <option value="20" >40</option>
                                   <option value="20" >50</option>
                                   <option value="20" >60</option>
                               </select>
                               </div>
                           </div>
                       </div>
                   </div>
                   <input type="submit" value="排班">
               </form>


            </section>
        </div>
    </div>
</div>
<script>
    $(function () {
        $('#datetimepicker1').datetimepicker({
            format:'YYYY-MM-DD HH:mm', //格式化，以便精确到秒
            locale: moment.locale('zh-cn')
        });
        $('#datetimepicker2').datetimepicker({

            locale: moment.locale('zh-cn'),
            format:'YYYY-MM-DD HH:mm', //格式化，以便精确到秒


        });
    });


    /*4.17版本一些可能用得到的方法参数*/
    /*
            showClose:true	//是否显示关闭 按钮
            /*viewMode: 'days',//天数模块展示，months则为以月展示
            daysOfWeekDisabled: false,//星期几 禁止选择,参数 [num],多个逗号隔开
            calendarWeeks: false,	//显示 周 是 今年第几周
            toolbarPlacement:'default', //工具摆放的位置，top 则为上，默认为底
            showTodayButton:false,	//是否工具栏 显示 直达今天天数的 按钮，默认false
            showClear:false, //是否 工具栏显示  清空 输入框  的按钮。默认false
    */
</script>

</body>

</html>
